<script>
</script>

<template>
  <view class="container tn-safe-area-inset-bottom">
    <tn-nav-bar fixed>吸顶</tn-nav-bar>
    <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
      <tn-sticky :offsetTop="0" :customNavHeight="vuex_custom_bar_height">
        <view class="sticky-content tn-bg-orangered tn-color-white">普通吸顶</view>
      </tn-sticky>
      <view style="height: 2000rpx;"></view>
    </view>
    <view class="tn-padding-bottom-lg"></view>
  </view>
</template>

<style lang="scss" scoped>
  .container {
    background-color: $tn-bg-gray-color;
    min-height: 100vh;
  }
  .sticky-content {
    height: 80rpx;
    padding: 0 80rpx;
    margin: 0 10rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 10rpx;
  }
</style>